* {
	padding: 0;
	margin: 0;
	color: #000000;
}

.flex-column {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

// SASS 简化媒体查询
$breakpoint: (
	mobile: (
		0, 
		767px,
	),
	tablet: (
		768px, 
		1024px,
	),
	desktop: 1025px,
);
@mixin displayTo($breakname) {
	$bp: map-get($map: $breakpoint, $key: $breakname );

	@if type-of($bp)=='list' {
		$min: nth($bp, 1);
		$max: nth($bp, 2);
		@media screen and (min-width: $min) and (max-width: $max) {
			@content;
		}
	} @else {
		@media screen and (min-width: $bp) {
			@content;
		}
	}
}
@include displayTo('mobile') {
	.element {
		width: 200px;
		height: 789px;
	}
}
@include displayTo('tablet') {
	.element {
		width: 200px;
		height: 789px;
	}
}
@include displayTo('desktop') {
	.element {
		width: 200px;
		height: 789px;
	}
}
